<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>换色表格</title>
        <style>
            h4{
                padding-left: 500px;
            }
            #customers{
                width: 1000px;
                border-collapse: collapse;
                text-align: center;
            }
            #customers td, #customers th{
                border: 1px solid black;
                padding: auto;
            }
            .biaoti{
                font-weight: 100;
                color: white;
                background-color: darkcyan;
            }
            .bl{
                background-color: lightblue;
            }
            .ye{
                background-color: khaki;
            }
        </style>
    </head>

    <body>
        <h4>热点新闻排行</h4>
        <table id="customers">
            <tr class="biaoti">
                <th>新闻名称</th>
                <th>日期</th>
            </tr>
            <tr class="bl">
                <td>1《生活垃圾管理条例》正式实施了，开展垃圾分类宣传</td>
                <td>2020-03-20</td>
            </tr>
            <tr class="ye">
                <td>2《生活垃圾管理条例》正式实施了，开展垃圾分类宣传</td>
                <td>2020-03-20</td>
            </tr>
            <tr class="bl">
                <td>3《生活垃圾管理条例》正式实施了，开展垃圾分类宣传</td>
                <td>2020-03-20</td>
            </tr>
            <tr class="ye">
                <td>4《生活垃圾管理条例》正式实施了，开展垃圾分类宣传</td>
                <td>2020-03-20</td>
            </tr>
            <tr class="bl">
                <td>5《生活垃圾管理条例》正式实施了，开展垃圾分类宣传</td>
                <td>2020-03-20</td>
            </tr>
        </table>
    </body>
</html>